<h:panelGroup layout="block"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:nxr="http://nuxeo.org/nxweb/resources"
  style="overflow: hidden">

  <h:outputScript src="/bower_components/webcomponentsjs/webcomponents-lite.js" target="#{pageJsTarget}" />
  <h:outputScript src="/bower_components/moment/min/moment-with-locales.min.js" target="#{pageJsTarget}" />
  <nxr:import src="/analytics/elements/elements.vulcanized.html" target="#{pageJsTarget}" />

  <template is="dom-bind">

    <div style="text-align: right; padding: 0 20px;">
      <input type="date" value="{{startDate::change}}" style="display: inline; width: 150px"></input>
      <input type="date" value="{{endDate::change}}" style="display: inline; width: 150px"></input>
    </div>

    <nuxeo-connection id="nx_connection" url="#{baseURL}"></nuxeo-connection>
    <nuxeo-search-analytics-dashboard index="audit"
                                      start-date="[[startDate]]"
                                      end-date="[[endDate]]">
    </nuxeo-search-analytics-dashboard>

  </template>

</h:panelGroup>